/* @@ reset */
html, body, div, p, li, ul, ol, a, b, span, img, table, td, tr, thead, tbody, tfoot, input, select, option, small, h1, h2, h3, h4, dl, dd, dt, textarea, input.text {
    padding: 0; margin: 0; border: 0 none; background: transparent; font: 13px 'Trebuchet MS', Tahoma, Helvetica, sans-serif; }
table { width: 100%; border-collapse: collapse}
li {list-style-position: inside}
/* end reset */
html, body {width: 100%; height: 100%; color: #525252; min-width: 1140px}
a, a:visited {color: #759fac}
a:hover {text-decoration: underline}
h1 {font: 24px/30px 'Myriad Pro',Tahoma,sans-serif; color: #353535; margin-bottom: 15px}
#content p {margin-bottom: 15px}
h2 {font: 16px/21px 'trebuchet',Tahoma,sans-serif; color: #5d7f15; margin-bottom: 15px}

.clear {clear: both}
.hidden {display: none}
.hidden2 {visibility: hidden}
p.small {font-size: 12px}
small {font-size: 10px}

#wrapper {width: 1140px; margin: 0 auto}
#kamill #wrapper {border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; 
                  -webkit-box-shadow: 0 0 10px #000;behavior:url('css/PIE.htc'); border: 1px solid #9c9c9c; margin-top: 23px; background-color: #eee}

#header { background: transparent url('../img/bg_top_menu.png') 0 0 no-repeat; width: 100%; height: 356px; margin-top: 23px; position: relative; }
#kamill #header { background: transparent url('../img/bg_kamill_header.jpg') 0 0 no-repeat; width: 100%; height: 307px;  position: relative; margin: 0;
    border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; behavior:url('css/PIE.htc')}


#header .search {position: absolute; top: 7px; right: 0}
#header .search .text { border: 1px solid #77aebd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url('css/PIE.htc'); position: relative;
                        padding: 2px 7px; font-size: 12px; color: #9c9c9c; width: 200px; }
#header .search .button {background: transparent url('../img/bg_search_button.png') 0 0 no-repeat; width: 62px; font-size: 12px; height: 26px; color: #6b6a66;
    text-shadow: 1px 1px #fff; margin: 0 0 0 10px;}

#logo {position: absolute; top: 55px; left: 20px}
#kamill #logo {position: absolute; top: 5px; left: 20px}
#top_nav {height: 47px; width: 800px; text-align: center}
#top_nav a, #top_nav a:visited {font-size: 12px; text-shadow: 1px 1px #b2e7f8; color: #414141; text-decoration: none}
#top_nav a:hover {text-decoration: underline}
#top_nav a.active {text-decoration: underline; color: #0a7094}

#top_nav_2 {margin: 0px 0 27px 280px; height: 35px; width: 844px; text-align: center}
#kamill #top_nav_2 {margin: 0px 0 0px 345px; height: 35px; width: 795px; text-align: center}
#kamill #top_nav_2 a span, #kamill #top_nav_2 a:visited span {font-size: 14px; color: #fff; text-shadow: 0 -1px #666}
#kamill #top_nav_2 a:hover { text-decoration: underline; background: none; }
#top_nav_2 a, #top_nav_2 a:visited {display: block; height: 35px; overflow: auto; color: #4c4c4c; text-decoration: none; text-shadow: 1px 1px #a9dbeb; }
#top_nav_2 a:hover { color: #fff; text-shadow: 0px -1px #000; background: #338dad url('../img/bg_top_nav_2_hover.png') 0 0 repeat-x}
#top_nav_2 a span { border-left: 1px solid #cbeaf3; border-right: 1px solid #77aebd; display: block;  height: 25px; margin-top: 2px; padding-top: 5px; cursor: pointer; font-size: 12px;}
#kamill #top_nav_2 a span { border-right: 1px solid #d7ecaa;}
#top_nav_2 a span.first, #kamill #top_nav_2 a span { border-left: none}
#top_nav_2 a span.last, #kamill #top_nav_2 a span.last { border-right: none}

.header_scroller {float: left; height: 214px; position: relative; border-right: 1px solid #e6ecff; border-left: 1px solid #6b6a66}
.header_scroller img, .header_scroller .scroller_content a, .header_scroller .shadow {position: absolute; top: 0; left: 0}
.header_scroller .scroller_content a {display: block;  height: 214px; font-size: 0.1em}
.header_scroller .switchers {position: absolute; bottom:10px; right: 15px}
.header_scroller .switchers a { font-size: 0.1em; background: #929292; width: 10px; height: 10px; display: inline-block; float: left; margin-left: 10px }
.header_scroller .switchers a:hover, .header_scroller .switchers a.active {background: #ff9c00}
.header_scroller .shadow {height: 214px;}
#scroller_1, #scroller_1 .scroller_content a {width: 397px; border-left:none}
#scroller_1 .shadow {background: transparent url('../img/header_scroller_left_shadow.png'); width: 397px}

#scroller_2, #scroller_2 .scroller_content a {width: 403px;}

#scroller_3, #scroller_3 .scroller_content a {width: 336px; border-right: none}
#scroller_3 .shadow {background: transparent url('../img/header_scroller_right_shadow.png'); width: 336px}

#top_nav_3 {height: 32px; width: 1110px; text-align: center; padding: 0 15px; margin-top: 1px; background: #acd751 url('../img/bg_top_nav_3.png') 0 0 no-repeat;}
#top_nav_3 table {width: 1110px}
#top_nav_3 a, #top_nav_3 a:visited {display: block; height: 31px; overflow: auto; color: #4c4c4c; text-decoration: none; text-shadow: 1px 1px #cce695; }
#top_nav_3 a:hover { color: #fff; text-shadow: 0px -1px #435f08; background: #338dad url('../img/bg_top_nav_3_hover.png') 0 0 repeat-x}
#top_nav_3 a span { border-left: 1px solid #d3e6ac; border-right: 1px solid #94b352; display: block;  height: 25px; padding-top: 6px; cursor: pointer; font-size: 12px;}
#top_nav_3 a span.first { border-left: none}
#top_nav_3 a span.last { border-right: none}


#content {margin-top: 20px}

#content ul li {list-style: url('../img/ul_marker.png') inside; margin-left: 10px; font-style: italic; margin-bottom: 5px }


#index_news .news_block {display: inline-block; float: left; width: 33.3%; background: transparent url('../img/bg_news_block.png') bottom left no-repeat; padding-bottom: 20px}
#index_news h2 { font-size: 16px; color: #117b9e; font-weight: normal; margin-bottom: 10px; background: transparent url('../img/bg_news_block.png') top left no-repeat;
     padding-top: 17px}
#index_news .date {font-size: 11px; color: #9c9c9c}
#index_news p {margin: 10px 0; font-size: 12px; line-height: 14px}
#index_news a, #index_news a:visited {float: right; margin-right: 20px; color: #5d7f15; text-decoration: none; font-size: 10px}
#index_news a:hover {text-decoration: underline}

#left_side {float: left; width: 200px; padding: 5px 14px 0 0; border-right: 1px solid #3e869c /*position: relative*/ }
#right_side {float: left; width: 900px; padding-left: 25px; padding-top:30px;}
/*#left_side .divider {position: absolute; right:0; top: 0; height: 100%; width: 1px; }*/

.about_us #left_side {float: left; width: 122px}
.about_us #right_side {float: left; padding-left: 28px}
#content .about_pic img {border: 1px solid #a9dbeb; }

#kamill #content {padding: 0 20px 20px 20px}
#content #side_nav > li {margin-left: 0; list-style: none;}
#content.catalog #side_nav > li {margin-left: 20px; list-style: none;}
#content #side_nav li a {font-style: normal; color: #3e869c; text-decoration: none;}
#content #side_nav li a:hover {text-decoration: underline}
#side_nav .children {margin-top: 5px}
#side_nav .children li {margin-left: 25px; list-style-position: outside}

/* Выделим текущий продукт */
#content #side_nav li a.active {text-decoration: underline;}

/* Каталог для kamill */
#kamill #content #right_side {width: 860px;}

#right_side table.coloured {border: 1px solid #9c9c9c; border-collapse: separate; -moz-border-radius: 10px; border-radius: 10px;
          -webkit-border-radius: 10px; behavior: url('css/PIE.htc'); width: 100%; position: relative}
#right_side table.coloured th {background: #7ac8e0 url('../img/bg_th.png') 0 0 repeat-x; height: 28px; border-bottom: 1px solid #9c9c9c; color: #fff; text-shadow: 0 -1px #999;
             behavior:url('css/PIE.htc'); position: relative; border-left: 1px solid #abdceb}
#right_side table.coloured th:first-child {-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0; border-left: none}
#right_side table.coloured th.last {-moz-border-radius: 0px 10px 0 0;-webkit-border-radius: 0px 10px 0 0;border-radius: 0px 10px 0 0;}
#right_side table.coloured td:first-child {border-left:none}
#right_side table.coloured td {border-left: 1px solid #9c9c9c; vertical-align: top; padding: 10px; width: 50%; background-color: #f1ffd9}
#right_side table.coloured tr.alt td {background-color: #f1f1f1}
#right_side table.coloured ul li {list-style: inside none none; font-size: 12px; margin: 0 0 0 20px}
#right_side table.coloured tfoot td:first-child {-moz-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0px 10px; behavior: url('css/PIE.htc');
             height: 8px; padding: 0}
#right_side table.coloured tfoot td.last {-moz-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0px; behavior: url('css/PIE.htc');
             height: 8px; padding: 0}

#content.catalog p {width: 670px}
#content.catalog .product_img {width: 250px; float: right; margin-top: 0px;}

#content dl.contact dt, #content dl.contact dd {display: inline-block; float: left}
#content dl.contact dt { color: #76a01e; width: 60px; font-size: 16px;}
#content dl.contact dd {font-size: 13px;  padding-top: 4px}
#left_side dl.contact dd {letter-spacing: -1px;}

#kamill .hr {background: transparent url('../img/kamill_hr.png') top center no-repeat; width: 1100px; height: 2px; margin-bottom: 10px}
#kamill h1 { color: #5ea000 }
#kamill #news { width: 700px; float: left;}
#kamill #news .news_block { width: 310px; height: 130px; float: left; padding-right: 14px; margin-right: 25px;}
#kamill #news .news_block.first {background: transparent url('../img/bg_kamill_news.png') center right no-repeat;}
#kamill #news .news_block h2 {color: #3d3d3d; font-family: 'Trebuchet MS', Tahoma, Helvetica, sans-serif; margin-bottom: 10px }
#kamill #news .news_block .date {color: #a3a3a3; font-size: 11px; margin-bottom: 10px}
#kamill #news .news_block p {color: #6d6d6d; font-size: 12px}
#kamill #news .news_block a {float: right; font-size: 11px; color: #2892b0; margin-right: 16px}
#kamill #catalogue { height: 230px; width: 345px; padding-left: 20px; float: left; background: transparent url('../img/bg_kamill_cat.png') center left no-repeat; position: relative}
#kamill #catalogue .product {position: absolute; top: 40px;left: 20px}
#kamill #catalogue .info {width: 170px; float: left}
#kamill #catalogue h2 {color: #727272; margin-bottom: 3px; }
#kamill #catalogue p {font-size: 12px}
#kamill #catalogue .descr {color: #3a5500; font-size: 10px; text-transform: uppercase; margin-bottom: 10px}
#kamill #catalogue .cat_img {float: right; max-width: 170px; /*margin: 10px 10px 0 0*/}
#kamill #catalogue a {float: right; font-size: 11px; color: #2892b0; margin-right: 16px}
#kamill #catalogue .nav {position: absolute; bottom: -5px; right: 10px; }
#kamill #catalogue .nav .button {display: inline-block; float: left; height: 13px; width: 13px; border: 1px solid #fff; background: #cbda7e; font-size: 0; margin: 0 0 0 10px;
        -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; behavior: url('css/PIE.htc')}
#kamill #catalogue .nav .active { background: #c17a3a }

#footer {margin-top: 20px}
#footer table td {vertical-align: middle}

#footer .copyright {width: 1140px; text-align: center; font-size: 10px; color: #9c9c9c}
#kamill #footer .copyright {width: 100%; margin-bottom: 20px}



/* paginatio */
.ditto_previous_link {}
.ditto_page {padding-left: 5px;}
.ditto_currentpage {padding-left: 5px;font-weight: bold;}
.ditto_next_link {padding-left: 5px;}

/*
    CONTACT FORM
*/
#contact_form {width: 520px; height: 440px; font-size: 14px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; behavior: url('css/PIE.htc');
               border: 1px solid #97c5c3; background: #fff}
#contact_form .head {height: 20px; padding: 10px 15px; width: 490px; background: #61c7e6 url('../img/bg_popup_head.png') 0 0 repeat-x; font-size: 16px; 
      color: #fff; text-shadow: 1px 1px #333; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; behavior: url('css/PIE.htc');}
#contact_form .info {color: #46accc; font-style: italic; padding: 15px 0px; font-size: 14px }
#contact_form table {width: 475px; margin: 0 25px}
#contact_form th {text-align: left; font-size: 14px; font-weight: normal; vertical-align: top; width: 110px}
#contact_form input.text, #contact_form textarea {border: 1px solid #84cfe4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url('css/PIE.htc');
    vertical-align: top; margin-bottom: 15px; width: 333px}
#contact_form textarea {height: 170px}
#contact_form .button {background: #46accc url('../img/bg_form_submit.png') 0 0 repeat-x; height: 23px; border: 1px solid #4cb3d2; -moz-border-radius: 4px; cursor: pointer;
    -webkit-border-radius: 4px; border-radius: 4px; behavior: url('css/PIE.htc'); padding: 0 5px 3px 5px; color: #1b6d86; text-shadow: 1px 1px #eee; text-transform: capitalize;
    float: right; margin: 10px 28px}
#fancybox-close {top: 12px; right: 18px; background: transparent url(../img/popup_close.png) 0 0 no-repeat; width: 18px; height: 19px}

/*
    PRESS / 2 col layout
*/
.two_cols #left_side, .two_cols #right_side { width: 550px; float: left; display: inline-block; border: none; padding-top: 0}

.press h3 {font: 16px "Myriad Pro",Tahoma,sans-serif; color: #187a9c;}
.press .date {color: #187a9c; font-size: 12px}
.press td {padding: 20px 0}
.press td:first-child {background: transparent url('../img/bg_press_td.png') left bottom no-repeat}
.press tr.last td:first-child {background: none}

a.pdf {display: inline-block; width: 29px; height: 37px; background: transparent url('../img/pdf_link.png') 0 0 no-repeat; font-size: 0}
a.web {display: inline-block; width: 36px; height: 36px; background: transparent url('../img/web_link.jpg') 0 0 no-repeat; font-size: 0}
.press a.pdf,.press a.web {vertical-align: middle}


/* gallery */
#content.gallery #side_nav > li {margin-left: 0px; list-style: none;}
#content.gallery #side_nav li a {font-size: 16px;}
.gallery #left_side {border:none}
.gallery #right_side {border-left: 1px solid #3e869c}
.gallery_container .item {display: inline-block; float: left; /*margin: 30px 35px 0 0*/}
.gallery_container .item img {border: 1px solid #c5c5c5}

pre {
    whith-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/*kamill catalog tree
#content #left_side #side_nav ul li.active a {text-decoration:underline;}
#content #left_side #side_nav ul li ul li.active a {text-decoration:underline;}
#content #left_side #side_nav ul li ul li ul li.active a {text-decoration:underline;}
*/

/*выделяем текущий пункт в меню*/
#top_nav_2 a.active {text-decoration:underline; color: #FFFFFF;}

/*hychem*/
.header_banner {height: 217px}